/* ------------------------------------------------------------------------
   This CSS will be changed to suit the needs of the page.
   All that is below is currently for the default landing page.
   ------------------------------------------------------------------------ */

body {
    background:gray;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#474848;
}

input[type="button"] {
    padding:0.3em 0.5em 0.3em 0.5em;
    border:1px solid silver;
    margin-top:0.3em;
}

span.inputWrapper {
    display:inline-block;
    padding:0.2em 0.5em 0.2em 0.3em;
    border:1px solid gray;
    border-radius:10px;
}

span.inputWrapper input[type="text"] {
    font-size:1.3em;
}

span.inputWrapper input[type="password"] {
    font-size:1.3em;
}

#wrapper {
    margin:auto auto;
    background:white;
    border:1px solid gray;
    border-radius: 15px;
    box-shadow: 3px 3px 3px #000;
    margin-top:2em;
    width:50em;
    padding:2em;
}

#header h1 {
    float:left;
    color:red;
    padding-left:0em;
    vertical-align:top;
    letter-spacing:1px;
}

#header h1 a {
    color:red;
    text-decoration:none;
}

.floatRight {
    float:right;
}

#content {
    padding:0.5em 0 0 0;
    margin:0.5em 0 0 0;
}

.innerContent {
    border:1px solid silver;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:1.5em;
}

#navigation {
    float:right;
    margin-top:0.5em;
    margin-left:0.8em;
    margin-bottom:0em;
}

#navigation .tab {
    border-radius:5px 5px 0 0;
    text-transform:lowercase;
    font-family:verdana;
    color:white;
    font-weight:bold;
    padding:0.5em 1em 0.5em 1em;
    float:left;
    border:1px solid silver;
    background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(gray));
    background:-moz-gradient(linear, left top, left bottom, from(#CCC), to(gray));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='gray');
    border-bottom:0;
    margin-right:1em;
    margin-bottom:0;
    cursor:pointer;
}

#navigation .tab:hover {
    background:gray;
    color:white;
    border:1px solid gray;
    border-bottom:0;
}

#navigation .active {
    background:#eeeeee;
    color:black;
    border:1px solid silver;
    border-bottom:0;
}

label {
    width:6em;
    text-align: right;
    margin-right: 0.5em;
    display: inline-block;
}

.data {
    padding:0.5em;
}

.submission {
    padding-top:1.5em;
}

.element {
    padding:0.3em;
    clear:both;
}

.button {
    padding: 5px 10px;
    display: inline;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    text-shadow: 1px 1px #666;
}

.button:hover {
    background-position: 0 center;
}

.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}

input[type="text"], textarea {
    border:1px solid gray;
}

input[type="password"], textarea {
    border:1px solid gray;
}

#footer {
    padding:1em 1em 0.2em 1em;
    text-align:center;
    font-size:0.9em;
}

.inputWrapper {
	border:1px solid silver;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0.4em 0.3em 0.3em 0.3em;
	background:white;
}

div.inputWrapper input {
	border:0; 
	background:white; 
	width:100%; 
	font-size:1.3em;
}

div.inputWrapper select {
	border:0; 
	background:white; 
	width:100%; 
	font-size:1.3em;
}

div.inputWrapper textarea {
	border:0; 
	background:white; 
	width:100%; 
	font-size:1.3em;
}

span.inputWrapper input { border:0; background:white; margin:0.3em; padding:0; max-width:15em; }
span.inputWrapper select { border:0; background:white; margin:0.3em; }
span.inputWrapper textarea { border:0; background:white; margin:0.3em; }

#response {
    display:none;
}

#headerControls {
    float:right;
    font-size:0.8em;
}

#loginFrm {
    padding-top:1em;
}

#registerFrm {
    padding-top:1em;
}

#logo {
    float:left;
    padding-right:0.5em;
}